﻿
var ok3=false;
//生成验证码！
var code ;
function createCode(){
    code = "";
    var codeLength = 4;
    var selectChar = new Array(1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f','g','h','j','k','l','m','n','p','q','r','s','t','u','v','w','x','y','z','A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');
    for(var i=0;i<codeLength;i++) {
       var charIndex = Math.floor(Math.random()*60);
      code +=selectChar[charIndex];
    }
    if(code.length != codeLength){
      createCode();
    }
    showCheck(code);
    var ok3=false;
}


function showCheck(a){
  var c = document.getElementById("myCanvas");
  var ctx = c.getContext("2d");
  ctx.clearRect(0,0,1000,1000);
  ctx.font = "80px 'Microsoft Yahei'";
  ctx.fillText(a,0,100);
  ctx.fillStyle = "white";
}

$(function(){

    //粒子背景特效
    $('body').particleground({
        dotColor: '#5cbdaa',
        lineColor: '#5cbdaa'
    });

    //验证码
    createCode();

    //设置记录变量
    var ok1=false;
    var ok2=false;

    $("#userName").keyup(function() {
        var str = $("#userName").val();
        if(str!=null){
            ok1 = true;
        }else{
            ok1 = false;
        }
    });

    $("#pwd").keyup(function() {
        var str = $("#pwd").val();
        if(str!=null){
            ok2 = true;
        }else{
            ok2 = false;
        }
    });


    //验证码框
    $('#J_codetext').keyup(function() {
        if($('#J_codetext').val().toLowerCase()!=code.toLowerCase()){
            ok3 = false;
        }else{
            ok3 = true;
        }
    });

    //点击确定按钮隐藏
    //点击确定按钮隐藏
    $('.btn1').on('click',function(){
      $('.bg').removeClass('blur');
      $('.popus1,.mask').hide();
    });

    //点击确定按钮隐藏
    $('.btn2').on('click',function(){
      $('.bg').removeClass('blur');
      $('.popus2,.mask').hide();
    });

    $('.btn3').on('click',function(){
      $('.bg').removeClass('blur');
      $('.popus3,.mask').hide();
    });

    $('.btn4').on('click',function(){
        $('.bg').removeClass('blur');
        $('.popus4,.mask').hide();
      });

    //提交按钮,所有验证通过方可提交
    $('.submit_btn').click(function(){

        if($('#userName').val()==""){
            console.log(98)
            $('.bg').addClass('blur');
            $('.popus1,.mask').show();
            return;
        }


        if($('#pwd').val()==""){
            console.log(98)
            $('.bg').addClass('blur');
            $('.popus2,.mask').show();
             return;
        }
        
        if(!ok3){
	        console.log(98)
	        $('.bg').addClass('blur');
	        $('.popus3,.mask').show();
	        return;
        }
        //提交
         if( ok1 && ok2 && ok3){
        	//ajax 登录验证！    
	        $.ajax({
	            type:'POST',
	            url:'${pageContext.request.contextPath }/userManager.action?method=login',
	            data:{
	                date:$('#userName').val(),
	                pwd:$('#pwd').val()
	            },
	            success:function(response,status,xhr){ 
	            	if(response==1){
	            		//登录成功:跳转到登录状态的首页
	            		window.location="../homepageAndDetail/index.jsp";
	                }else{
	                	//登录失败
	                	console.log(98)
	                    $('.bg').addClass('blur');
	                    $('.popus4,.mask').show();
	                     return;
	                }
	            }
	        });

         }
    });

});
